:root {
  // 所有的按钮统一圆角
  --border-radius: 5px;
  --font-size-h1: 24px;
}

// 所有的小圆圈的宽高均设置为36px

// 下面的区域是未来规划的标准化颜色变量区域
.van-hairline--top-bottom:after,
.van-hairline-unset--top-bottom:after {
  border-width: 0;
}

html[data-theme="light"] {
  // 基准样式设置
  --font-color-1: #111;
  --font-color-2: #303030;
  --font-color-3: #666666;
  --font-color-4: #999999;
  --font-color-5: #cacaca;
  --font-color-6: #f5f6f7;
  --font-color-7: #ffffff;
  --font-color-8: #cacaca;
  --font-color-9: #111;

  // 字体颜色规范需要重新规划
  --font-color-std-1: #333;
  --font-color-std-2: #333;
  --font-color-std-3: #666;
  --font-color-std-4: #ffffff;
  --font-color-std-5: #333;
  --font-color-std-6: #333;

  // 默认按钮颜色互相对比：#22d59c和#d4af71
  --button-bg-color-1: #22d59c;

  // 背景颜色重新规划
  --background-color-std-1: #fff;
  --background-color-std-2: #eaeaea;
  --background-color-std-3: #fff;
  --background-color-std-4: #eaeaea;
  --background-color-std-5: #22d59c;
  --background-color-std-6: #22d59c;
  --background-color-std-7: #fff;
  --background-color-std-8: #f1f1f1;
  --background-color-std-9: #f1f1f1;
  --background-color-std-10: #fff;
  --background-color-std-11: #fff;
  --background-color-std-12: #f1f1f1;

  // 边框颜色
  --border-color-std-1: #f1f1f1;

  --background-color-1: #22d59c;
  --background-color-2: #eaeaea;
  --background-color-3: #f4f6f8;
  --background-color-4: #f4f6f8;
  --background-color-5: #333;
  --background-color-6: #cacaca;
  --box-shadow-color: #dadada;
}

html[data-theme="dark"] {
  // 基准样式设置
  --font-color-1: #ffffff;
  --font-color-2: #d4af71;
  --font-color-3: #cacaca;
  --font-color-4: #b0b2b9;
  --font-color-5: #888888;
  --font-color-6: #666666;
  --font-color-7: #d4af71;
  --font-color-8: #cacaca;
  --font-color-9: #ffffff;

  // 字体颜色规范需要重新规划
  --font-color-std-1: #d4af71;
  --font-color-std-2: #fff;
  --font-color-std-3: #fff;
  --font-color-std-4: #d4af71;
  --font-color-std-5: #d4af71;
  --font-color-std-6: #cacaca;
  // 默认按钮颜色互相对比
  --button-bg-color-1: #d4af71;
  // 背景颜色重新规划
  --background-color-std-1: #111;
  --background-color-std-2: #333;
  --background-color-std-3: #111;
  --background-color-std-4: #d4af71;
  --background-color-std-5: #d4af71;
  --background-color-std-6: #333;
  --background-color-std-7: #111;
  --background-color-std-8: #111;
  --background-color-std-9: #d4af71;
  --background-color-std-10: #333;
  --background-color-std-11: #222;
  --background-color-std-12: #444;

  // 边框颜色
  --border-color-std-1: #111;

  --background-color-1: #111;
  --background-color-2: #111;
  --background-color-3: #111;
  --background-color-4: #111;
  --background-color-5: #d4af71;
  --background-color-6: #333;

  --box-shadow-color: #222;
}
